.menu{
    overflow: hidden;
    transition: all 0.3s;
}
.menu-item{
    display: flex;
    justify-content: center;
    align-items: center;
    /*width: 200px;*/
    height: 60px;
    transition: 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
}
.menu-item:hover{
    cursor: pointer;
}
.menu-item .icon{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
}
.title{
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    transition: 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.menu-item .title .title__text{
    display: inline-block;
    width: 100px;
}
.children-list{
    width: 100%;
    background-color: #ffffff;
    transition: 0.3s;
    display: flex;
    flex-direction: column;
}
.sub-menu-item{
    width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: height 0.3s;
    overflow: hidden;
}